<div class="pos" [@expandShrink]="isExpand ? 'expand' : 'shrink'" >
    <div class="expand-btn" (click)="cardToggle()" draggable="true">
        <i   nz-icon [nzType]="isExpand?'caret-down':'caret-up'" nzTheme="outline"></i>
    </div>
    <div class="box">
        <div class="boxRight">
            <p class="title"><i></i>下一步</p>

            <div class="boxRightContent"> 
                <p>
                    <label for="">
                    <!-- <select name="" id="">
                        <option value="0">部门字段占位</option> 
                    </select> --> 
                    <span>办理事项：</span> 
                    <nz-select style="width: 620px;" name="xzmb" [(ngModel)]="currentLink" [nzSuffixIcon]='icon' nzAllowClear nzPlaceHolder="请选择">
                        <!-- <nz-option [nzValue]="clueOrigin.value" [nzLabel]="clueOrigin.name" *ngFor="let clueOrigin of clueOriginList"></nz-option> -->
                        <nz-option nzValue="立案" nzLabel="立案"></nz-option>
                        <nz-option nzValue="不立案" nzLabel="不立案"></nz-option>
                        <nz-option nzValue="暂不立案" nzLabel="暂不立案"></nz-option>
                        <nz-option nzValue="并案" nzLabel="并案"></nz-option>
                        <nz-option nzValue="移送" nzLabel="移送"></nz-option>
                        <nz-option nzValue="交办" nzLabel="交办"></nz-option>
                        <nz-option nzValue="处罚决定" nzLabel="处罚决定"></nz-option>
                        <nz-option nzValue="结案" nzLabel="结案"></nz-option>
                        <nz-option nzValue="销案" nzLabel="销案"></nz-option>
                        <nz-option nzValue="审批" nzLabel="审批"></nz-option>
                        <nz-option  nzCustomContent='true' nzValue="核查" nzLabel="核查">
                            <span class='lindao' >核查</span>
                        </nz-option>
                        <nz-option class='lindao' nzCustomContent='true' nzValue="继续办理" nzLabel="继续办理">
                            <span class='lindao' >继续办理</span>
                        </nz-option>
                        <nz-option class='lindao' nzCustomContent='true' nzValue="移送" nzLabel="移送">
                            <span class='lindao'>移送</span>
                        </nz-option>
                        <nz-option class='lindao' nzCustomContent='true' nzValue="交办" nzLabel="交办">
                            <span class='lindao' >交办</span>
                        </nz-option>
                        <nz-option class='lindao' nzCustomContent='true' nzValue="退回" nzLabel="退回">
                            <span class='lindao'>退回</span>
                        </nz-option>
                        <nz-option class='lindao' nzCustomContent='true' nzValue="审批" nzLabel="审批">
                            <span class='lindao'>审批</span>
                        </nz-option>
                    </nz-select>
                </label>
                </p>
                <p >
                    <label for="">
                    <span>提交审批：</span> 
                    <nz-select  nzMode="tags" style="width: 620px;" nzPlaceHolder="请选择审批文书" [(ngModel)]="listOfTagOptions" [nzSuffixIcon]='icon'>
                        <nz-option  *ngFor="let item of bizfile;let index=index;"  [nzLabel]="item.doctype" [nzValue]="item.docid"></nz-option>
                    </nz-select>  
                </label>
                </p> 
                <p *ngIf="currentLink !== '结案'"> 
                    <label for="">
                    <span>选择人员：</span>
                    <nz-tree-select
                    style="width: 270px;margin-right: 5px"
                    nzPlaceHolder="请选择组织"
                    [nzDefaultExpandedKeys]="expandKeys"
                    [nzDropdownMatchSelectWidth]="true"
                    [nzDropdownStyle]="{ 'max-height': '300px' }"
                    [(ngModel)]="targetOrg" 
                    [nzNodes]="nodes" 
                    [nzAsyncData]="true"  
                    (ngModelChange)="getSelectedNodeList($event)"
                    >
                    </nz-tree-select>
                        <nz-select
                            style="width: 140px;margin-right: 5px" 
                            name="xzmb" 
                            [nzSuffixIcon]='icon' 
                            nzAllowClear 
                            nzPlaceHolder="请选择"
                            [(ngModel)] = "selectedValue"
                            (ngModelChange) = "getSelectedValue($event)"
                    
                        >
                          <nz-option *ngFor="let o of listOfOption" [nzLabel]="o.deptName" [nzValue]="o.deptId"> </nz-option>
                        </nz-select>
                        <nz-select 
                            style="width:200px;margin-right: 5px" 
                            name="person"  
                            [nzMaxTagPlaceholder]="tagPlaceHolder"
                            [nzSuffixIcon]='icon' 
                            nzAllowClear 
                            [nzMaxTagCount]="2" 
                            nzPlaceHolder="请选择"
                            nzMode = 'multiple' 
                            [(ngModel)] = "selectedPersonValue"
                            (ngModelChange) = "selectedPerson($event)"
                        > 
                            <nz-option *ngFor="let o of personOptionList" [nzLabel]="o.realName" [nzValue]="o.userId"> </nz-option>
                        </nz-select>
                        <ng-template #tagPlaceHolder let-selectedList>...</ng-template>
                </label>
                </p>
                <p>
                    <label>
                    <span>备注：</span> <input type="text" [(ngModel)]="remark" style="width: 620px;" placeholder="备注信息">
                </label>
                </p>
                <p style="padding-left: 65px;  
                line-height: 40px;
                height: 40px;margin-top:10px;">
                     <button class="highLight"  *ngIf="currentLink != '结案'"  (click)="mysubmit()">提交</button> 
                     <button (click)="back()" *ngIf="currentLink != '结案'">返回</button> 
                     <button class="btnDanger"  (click)="completion()"  appTooltip text='执行结案归档操作，该案件增删改操作将禁用，请注意该操作不可逆。'  *ngIf="currentLink == '结案'" >结案归档</button>
                </p>  
            </div>  
        </div>
        <!-- //模板 --> 
        <ng-template #icon>
            <i nz-icon nzType="caret-down" nzTheme="outline"></i>
        </ng-template>
    </div>
</div> 